@import 'str/all.less';

#app{
	width: 100vw;
	overflow-x: hidden;
}
// 登录
.Signin_box{
	width: 100vw;
	.Signin_img{
		width: 100vw;
		height: 62.666vw;
		border: solid transparent 0px;
		background-color: transparent; 
		margin-bottom: 10vw;
	}
	.Signin_form{
		input{
			width: 66vw;
			border: solid 1px #bbbbbb;  
			background-color: #ffffff;
			color: #999999;
			padding: 10px 0 10px 0px;
			font-size: @h1_font_size;
			border-radius: 1vw;		
			text-indent: 9vw;
		}
		input[type="search"]{
			border: solid 1px #bbbbbb;  
			background-color: #ffffff;
			color: #999999;
			font-size: @h1_font_size;
			margin-bottom: 10vw;
		}
		.account_icon{
			display: inline-block;
			position: relative;
			left: 9vw;
			top: 2vw;
			.icon-accent();
		}
		.pwd_icon{
			display: inline-block;
			position: relative;
			left: -66vw;
			top: 22vw;
			.icon-password();
		}
		input[type="password"]{
			font-size: @h1_font_size;
		}
		.Signin_btn{
			width: 66vw;
			height: 11vw;
			line-height: 11vw;
			margin: 10vw auto;
			border-radius: 1vw;
			font-size: @h2_font_size;
			background-color: @color;
			color: #ffffff;
		}
		.Signin_Other{
			text-align: center;
			.forget_pwd,.wcloggede{
				width: 33vw;
				display: inline-block;
				i{
					display: block;
					margin: 0 auto 2vw auto;
				}
			}
			.forget_pwd i{
				.icon-Forget_pwb();
			}
			.wcloggede i{
				.icon-wcdl();
			}
		}
	}
}

// 注册
.Register_box{
	.Register_img{
		width: 100vw;
		height: 62.666vw;
		border: solid transparent 0px;
		background-color: transparent; 
		margin-bottom: 10vw;
	}
	.Register_form{
		input{
			width: 66vw;
			margin-bottom: 5vw;
			border: solid 1px @color2;  
			background-color: @color1;
			color: @color3;
			padding: 2.25vw 0 2.25vw 0px;
			font-size: @h1_font_size;
			border-radius: 1vw;
			text-indent: 9vw;
			position: relative;
			left: -3.33vw;
		}
		.code_box{
			position: relative;
			width: 100vw;
		}
		.code{
			display: inline-block;
			position: absolute;
			width: 25vw;
			height: 10vw;
			line-height: 10vw;
			left: 58vw;
			background-color: @color;
			border-radius: 1vw;
			font-size: @h3_font_size;
			color: @color1;
		}
		.Register_btn{
			width: 66vw;
			height: 11vw;
			line-height: 11vw;
			margin: 10vw auto;
			border-radius: 1vw;
			font-size: @h2_font_size;
			background-color: @color;
			color: @color1;
		}
		i{
			display: inline-block;
			position: relative;
			top: 1.5vw;
			left: 5vw;
			z-index: 10;
		}
		.tel_icon{
			.icon-phone();
		}
		.code_icon{
			.icon-Code();
		}
		.pwd_icon{
			.icon-password();
		}
		.pwdq_icon{
			.icon-password();
		}
	}
}
//底部
.footer_box{
	position: fixed;
	bottom: 0;
	left: 0;
	height: 13.3vw;
	width: 100vw;
	background-color: @color;
	color: @color1;
	z-index: 1000;
	ul{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		zoom:1;
		li{
			width: 25%;
			display: inline-block;
			float: left;
			font-size: @h4_font_size;
			a{
				display: inline-block;
				color: @color1;
			}
			i{
				display: block;
				margin: 1vw auto;
			}
			.index_icon{
				.icon-index_c();
			}
			.cuxiao_icon{
				.icon-promotion_c();
			}
			.jieguo_icon{
				.icon-activity_c();
			}
			.geren_icon{
				.icon-promotion_c();
			}
			.index_icon_m{
				.icon-index_m();
			}
			.cuxiao_icon_m{
				.icon-promotion_m();
			}
			.jieguo_icon_m{
				.icon-activity_m();
			}
			.geren_icon_m{
				.icon-promotion_m();
			}
		}
		.danji_c a{
			color: @color5;
		}
	}
}


// 商品提示
.cuxiao_title{
	font-size: @h2_font_size;
	font-weight: 900;
	line-height: 9vw;
	.cuxiao_h2{
		font-size: @h4_font_size;
	}
}